<template>
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, minimum-scale=1, user-scalable=no">
    <div class="isme">我是mobile端index我是mobile端indexle端index</div>
    <van-button plain type="primary">朴素按钮</van-button>
    <van-cell-group inset>
        <van-cell title="单元格" value="内容" />
        <van-cell title="单元格" value="内容" label="描述信息" />
    </van-cell-group>
</template>

<script lang="ts">
import { defineComponent } from 'vue'
// import elementResizeDetectorMaker from 'element-resize-detector'
import '@/libs/rem.js'


export default defineComponent({
    setup() {


        return {}
    },
    mounted() {
        // 自动跳转到pc端
        // const erd = elementResizeDetectorMaker()
        // const fh = document.getElementById("aaa")
        // let that = this
        // this.$nextTick(() => {
        //     erd.listenTo(fh, element => {
        //         that.$nextTick(function () {
        //             // document.getElementById("tableBox").style.height = document.body.clientWidth + 'px'
        //             // console.log(window.innerHeight+'px');
        //             // console.log(document.body.clientWidth)
        //             if (document.body.clientWidth > 797) {
        //                 this.$router.replace('/')
        //             }
        //         })

        //     })
        // })

    }
})
</script>

<style scoped>
    #app{
        background: #6e6c6c;
    }
    .isme{
        width: 20rem;
        height: 2.5rem;
    }
</style>